<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>web auto quote</title>
    <meta name="generator" content="HTMLTestRunner 2.24.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    
<style type="text/css" media="screen">
body        { font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; }
table       { font-size: 100%; }
pre         { white-space: pre-wrap;word-wrap: break-word; }
/* -- heading ---------------------------------------------------------------------- */
h1 {
	font-size: 16pt;
	color: gray;
}
.heading {
    margin-top: 0ex;
    margin-bottom: 1ex;
}
.heading .attribute {
    margin-top: 1ex;
    margin-bottom: 0;
}
.heading .description {
    margin-top: 2ex;
    margin-bottom: 3ex;
}
/* -- css div popup ------------------------------------------------------------------------ */
a.popup_link {
}
a.popup_link:hover {
    color: red;
}
.popup_window {
    display: none;
    position: relative;
    left: 0px;
    top: 0px;
    /*border: solid #627173 1px; */
    padding: 10px;
    background-color: #E6E6D6;
    font-family: "Lucida Console", "Courier New", Courier, monospace;
    text-align: left;
    font-size: 8pt;
    /* width: 500px;*/
}
.img{
	height: 100%;
	border-collapse: collapse;
    border: 2px solid #777;
}
.screenshots {
    z-index: 100;
	position:fixed;
	height: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	display: none;
}
.imgyuan{
    height: 20px;
    border-radius: 12px;
    background-color: red;
    padding-left: 13px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    background-color: rgba(1, 150, 0, 0.3);
}
.imgyuan font{
    border:1px solid white;
    width:11px; 
    height:11px;
    border-radius:50%;
    margin-right: 9px;
    margin-top: 4px;
    display: block;
    float: left;
    background-color: white;
}
.close_shots {
    background-image: url();
    background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 22px;
    z-index: 99;
    width: 22px;
}
}
/* -- report ------------------------------------------------------------------------ */
#show_detail_line {
    margin-top: 3ex;
    margin-bottom: 1ex;
}
#result_table {
    width: 99%;
}
#header_row {
    font-weight: bold;
    color: white;
    background-color: #777;
}
#total_row  { font-weight: bold; }
.passClass  { background-color: #00DB00; }
.failClass  { background-color: #FF5151; }
.errorClass { background-color: #FF8A19; }
.passCase   { color: #00A600; }
.failCase   { color: #FF5151; font-weight: bold; }
.errorCase  { color: #FF8A19; font-weight: bold; }
.hiddenRow  { display: none; }
.testcase   { margin-left: 2em; }
/* -- ending ---------------------------------------------------------------------- */
#ending {
}
#div_base {
            position:absolute;
            top:0%;
            left:5%;
            right:5%;
            width: auto;
            height: auto;
            margin: -15px 0 0 0;
}
</style>

    <script src="https://cdn.bootcss.com/echarts/3.8.5/echarts.common.min.js"></script>
</head>
<body>
    <script language="javascript" type="text/javascript"><!--
    output_list = Array();

    /*level add test choice  --zhaohongwei
    0:Summary //all hiddenRow
    1:Pass    //pt none, ft hiddenRow, et hiddenRow
    2:Failed  //pt hiddenRow, ft none, et hiddenRow
    3:Error    //pt hiddenRow, ft hiddenRow, et none
    4:All     //pt none, ft none, et none
    */

    /* level - 0:Summary; 1:Pass; 2:Failed; 3:Error; 4: All*/
    function showCase(level) {
        trs = document.getElementsByTagName("tr");
        for (var i = 0; i < trs.length; i++) {
            tr = trs[i];
            id = tr.id;
            if (id.substr(0,2) == 'ft') {
            if (level == 1 || level == 3 ||  level == 0) {
                tr.className = 'hiddenRow';
            }
            else {
                tr.className = '';
                }
            }
            if (id.substr(0,2) == 'pt') {
                if (level == 2 || level == 3 ||  level == 0){
                    tr.className = 'hiddenRow';
                }
                else {
                    tr.className = '';
                }
            }
            if (id.substr(0,2) == 'et') {
                if (level == 1 || level == 2 ||  level == 0 ){
                    tr.className = 'hiddenRow';
                }
                else {
                    tr.className = '';
                }
            }
        }
    }
    /* Optimizing Details and Contraction Not Effective  --BAIPING*/
    function showClassDetail(cid, count) {
        var id_list = Array(count);
        var toHide = 1;
        for (var i = 0; i < count; i++) {
            tid0 = 't' + cid.substr(1) + '_' + (i+1);
            tid = 'f' + tid0;
            tr = document.getElementById(tid);
            if (!tr) {
                tid = 'p' + tid0;
                tr = document.getElementById(tid);
            }
            /* 增加error  --zhaohongwei*/
            if (!tr) {
                tid = 'e' + tid0;
                tr = document.getElementById(tid);
            }
            id_list[i] = tid;
            if (tr.className) {
                toHide = 0;
            }
        }
        for (var i = 0; i < count; i++) {
            tid = id_list[i];
            if (toHide) {
                document.getElementById('div_'+tid).style.display = 'none'
                document.getElementById(tid).className = 'hiddenRow';
            }
            else {
                document.getElementById(tid).className = '';
            }
        }
    }
    function showTestDetail(div_id){
        var details_div = document.getElementById(div_id)
        var displayState = details_div.style.display
        // alert(displayState)
        if (displayState != 'block' ) {
            displayState = 'block'
            details_div.style.display = 'block'
        }
        else {
            details_div.style.display = 'none'
        }
    }


    function html_escape(s) {
        s = s.replace(/&/g,'&amp;');
        s = s.replace(/</g,'&lt;');
        s = s.replace(/>/g,'&gt;');
        return s;
    }
    /* add test screenshot --BAIPING from GoverSky*/
    function show_img(obj) {
        var obj1 = obj.nextElementSibling
        obj1.style.display='block'
        var index = 0;
        var len = obj1.getElementsByTagName('img').length;
        var imgyuan = obj1.getElementsByClassName('imgyuan')[0]
        //var start=setInterval(autoPlay,500);
        obj1.onmouseover=function(){
            clearInterval(start);
        }
        obj1.onmouseout=function(){
            start=setInterval(autoPlay,1000);
        }    
        for (var i = 0; i < len; i++) {
            var font = document.createElement('font')
            imgyuan.appendChild(font)
        }
        var lis = obj1.getElementsByTagName('font');
        changeImg(0)
        var funny = function (i) {
            lis[i].onmouseover = function () {
                index=i
                changeImg(i)
            }
        }
        for (var i = 0; i < lis.length; i++) {
            funny(i);
    }

    function autoPlay(){
        if(index>len-1){
            index=0;
            clearInterval(start); 
        }
        changeImg(index++);
    }
    imgyuan.style.width= 25*len +"px";

    function changeImg(index) {
        var list = obj1.getElementsByTagName('img');
        var list1 = obj1.getElementsByTagName('font');
        for (i = 0; i < list.length; i++) {
            list[i].style.display = 'none';
            list1[i].style.backgroundColor = 'white';
        }
        list[index].style.display = 'block';
        list1[index].style.backgroundColor = 'blue';
    }
    }
    function hide_img(obj){
        obj.parentElement.style.display = "none";
        obj.parentElement.getElementsByClassName('imgyuan')[0].innerHTML = "";
    }
    --></script>
    <div id="div_base">
        
    <div class='page-header'>
        <h1>web auto quote
        </h1>
        <div style="float:left;width:50%;">
            <p class='parameters'> <p class='attribute'><strong>Tester:</strong> mike bai</p>
<p class='attribute'><strong>Start Time:</strong> 2024-06-15 16:20:52</p>
<p class='attribute'><strong>Duration:</strong> 0:00:47.473495</p>
<p class='attribute'><strong>Status:</strong> All 5  Pass 5  Passing Rate:100.0%</p>
</p>
            <br>
            <br>
            <p class='description'> Test quote project</p>
        </div>
        <div id="chart" style="float:left;width:50%;height:250px;"></di>
    </div>

        
<div class="btn-group btn-group-sm">
<button class="btn btn-primary" onclick='javascript:showCase(0)'>Overview</button>
<button class="btn btn-success" onclick='javascript:showCase(1)'>Passed</button>
<button class="btn btn-danger" onclick='javascript:showCase(2)'>Failed</button>
<button class="btn btn-warning" onclick='javascript:showCase(3)'>Error</button>
<button class="btn btn-info" onclick='javascript:showCase(4)'>ALL</button>
</div>
<p></p>
<table id='result_table' class="table table-bordered">
<colgroup>
<col align='left' />
<col align='right' />
<col align='right' />
<col align='right' />
<col align='right' />
<col align='right' />
</colgroup>
<tr id='header_row'>
    <td>Test Group/Test case</td>
    <td>Count</td>
    <td>Pass</td>
    <td>Fail</td>
    <td>Error</td>
    <td>View</td>
</tr>

<tr class='passClass'>
    <td>quote.web_test.usermanager.login_case.login_fail_test.LoginFailCase</td>
    <td>3</td>
    <td>3</td>
    <td>0</td>
    <td>0</td>
    <td><a href="javascript:showClassDetail('c1',3)">Details</a></td>
</tr>

<tr id='pt1_1' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test_1_admin_username_pwd_error</div></td>
    <td colspan='5' align='center'>pass</td>
</tr>

<tr id='pt1_2' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test_2_admin_username_null</div></td>
    <td colspan='5' align='center'>pass</td>
</tr>

<tr id='pt1_3' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test_3_admin_pwd_null</div></td>
    <td colspan='5' align='center'>pass</td>
</tr>

<tr class='passClass'>
    <td>LoginSucCase</td>
    <td>2</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td><a href="javascript:showClassDetail('c2',2)">Details</a></td>
</tr>

<tr id='pt2_1' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test_1_admin_username_pwd_right</div></td>
    <td colspan='5' align='center'>pass</td>
</tr>

<tr id='pt2_2' class='hiddenRow'>
    <td class='passCase'><div class='testcase'>test_2_normal_username_pwd_right</div></td>
    <td colspan='5' align='center'>pass</td>
</tr>

<tr id='total_row'>
    <td>Total</td>
    <td>5</td>
    <td>5</td>
    <td>0</td>
    <td>0</td>
    <td>Passing rate：100.0%</td>
</tr>
</table>

        
<div id='ending'>
    <p align="center">
    Copyright &copy 2023
    <a href="http://blog.csdn.net/z_johnny" target="_blank"> BAIPING </a>
    Inc. All rights reserved.
    </p>
</div>
 <div style=" position:fixed;right:50px; bottom:30px; width:20px; height:20px;cursor:pointer">
    <a href="#"><span class="glyphicon glyphicon-chevron-up" style = "font-size:30px;" aria-hidden="true">
    </span></a></div>

        
            <script type="text/javascript">
                var myChart = echarts.init(document.getElementById('chart'));

                var option = {
                    title : {
                        text: 'Test Result',
                        x:'center'
                    },
                    tooltip : {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    color: ['#00A600', '#FF5151', '#FF8A19'],
                    legend: {
                        orient: 'vertical',
                        left: 'left',
                        data: ['pass','fail','error']
                    },
                    series : [
                        {
                            name: 'Test Result',
                            type: 'pie',
                            radius : '60%',
                            center: ['50%', '60%'],
                            data:[
                                {value:5, name:'pass'},
                                {value:0, name:'fail'},
                                {value:0, name:'error'}
                            ],
                            itemStyle: {
                                emphasis: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            }
                        }
                    ]
                };

                myChart.setOption(option);
            </script>
            
    </div>
</body>
</html>
